/**
* Copyright (c) 2022 Beijing Jiaotong University
* PhotLab is licensed under [Open Source License].
* You can use this software according to the terms and conditions of the [Open Source License].
* You may obtain a copy of [Open Source License] at: [https://open.source.license/]
* 
* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
* EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
* MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
* 
* See the [Open Source License] for more details.
* 
* Author: Zhenjie Wei
* Created: Mar. 9, 2023
* Supported by: National Key Research and Development Program of China
*/

/**
 * This file is used to define the style of the header.
 * The header is the top bar of the application.
 */

@import './header_left.scss';
@import './header_right.scss';

@mixin header-content {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: $bg-layout_light;
    height: 40px;
    box-sizing: border-box;
    position: relative;
    user-select: none;
    z-index: 100000;
    .content {
        height: 100%;
        flex: 1;
        -webkit-app-region: drag;
        z-index: 1;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
            height: 30px;
            margin-right: 10px
        }
    }
    .left {
        @include header-left;
    }
    .right {
        @include header-right;
    }
}

@mixin header-content-dark {
    background: $bg-home_dark;
    .left {
        @include header-left-dark;
    }
    .content {
    }
    .title {
    }
    .right {
        @include header-right-dark;
    }
}
